<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生-我的课程</title>
	<script src="resources/js/public/jquery-3.3.1.min.js"></script>
	<script src="resources/layui/layui.js"></script>
	<script src="resources/js/public/vue.min.js"></script>

	<script src="resources/js/public/public.js"></script>
	<script src="resources/js/student/myChose.js"></script>

	<link rel="stylesheet" href="resources/layui/css/layui.css">
	<link href="resources/css/public.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<div id="header">
		<#include "/WEB-INF/page/student/header.html">
	</div>
	<div class="layui-fluid">
	<h2 id="showCredit" style="float: right">已选学分:<span>{{credit}}</span></h2>
		<table  class="layui-table layui-form" lay-skin="row">
			<thead>
				<tr>
					<th>课程ID</th>
					<th>课程名称</th>
					<th>所属专业</th>
					<th>属性</th>
					<th>学分</th>
					<th>授课教师</th>
					<th>时间地点</th>
					<th>周期</th>
					<th>退选</th>
				</tr>
			</thead>
			<tbody id="vue_content">
				<tr v-for="c in list">
					<td class="id" v-text="c.id"></td>
					<td v-text="c.name"></td>
					<td v-text="c.major"></td>
					<td v-text="c.property"></td>
					<td v-text="c.credit"></td>
					<td v-text="c.teacherName"></td>
					<td>
						<span v-for="t in c.trinityList">
							<span v-text="t.week"></span>
							<span v-text="t.time"></span>
							<span v-text="t.place"></span>
							&nbsp;&nbsp;&nbsp;&nbsp;
						</span>
					</td>
					<td v-text="c.cycle"></td>
					<td><button type="button" class="cancel layui-btn">退选</button></td>
				</tr>
			</tbody>
		</table>
	</div>
	
</body>
</html>